body { background:url(../images/header_bgr.gif) repeat-x; font-family:Arial, Helvetica, sans-serif}

.container { width:1000px; margin:0 auto}

/* start header */
#header { width:1000px; float:left}
#header #header_top { width:1000px; float:left}
#header #header_top #logo { float:left; margin-top:7px}
#search { width:310px; height:64px; float:left; background:url(../images/search_bgr.gif) no-repeat; margin-top:19px}
.search_icon { width:31px; height:31px; float:left; margin:13px 13px 0px 9px;}
.search_button { width:36px; height:21px; float:left; margin-left:13px; margin-top:17px}

#menu_top { width:825px; height:25px; float:left; padding-left:175px; margin-top:2px}
.menu1 { width:82px; height:25px; float:left; margin-right:5px; background:url(../images/menu1.gif) 0 -30px  no-repeat}
.menu1:hover { background:url(../images/menu1.gif)  no-repeat}
.menu2 { width:82px; height:25px; float:left;margin-right:5px; background:url(../images/menu2.gif)  no-repeat}
.menu2:hover { background:url(../images/menu2.gif) 0 -30px no-repeat}
.menu3 { width:140px; height:25px; float:left;margin-right:5px; background:url(../images/menu3.gif)  no-repeat}
.menu3:hover { background:url(../images/menu3.gif) 0 -30px no-repeat}
.menu4 { width:119px; height:25px; float:left;margin-right:5px; background:url(../images/menu4.gif)  no-repeat}
.menu4:hover { background:url(../images/menu4.gif) 0 -30px no-repeat}
.menu5 { width:82px; height:25px; float:left;margin-right:5px; background:url(../images/menu5.gif)  no-repeat}
.menu5:hover { background:url(../images/menu5.gif) 0 -30px no-repeat}
.menu6 { width:82px; height:25px; float:left; background:url(../images/menu6.gif)  no-repeat}
.menu6:hover { background:url(../images/menu6.gif) 0 -30px no-repeat}
/* end header */

/* start main */
#main { width:960px; float:left; margin:50px 20px 10px 20px}
#menu_left { width:240px; float:left; margin-right:15px}
.title1 { width:238px; float:left; background:url(../images/title1_bgr.gif) repeat-x; border-left: solid 1px #333; border-top:solid 1px #333333; border-right:solid 1px #666666}
.title1 span { background:url(../images/arrow.gif) left no-repeat; padding-left:25px; line-height:25px; font-size:13px; font-weight:bold; color:#FFFFFF}
.title2 { width:215px; float:left; background:#dbdbbe url(../images/arrow2.gif) left no-repeat; padding-left:25px; font-size:11px; line-height:25px; color:#333333}
.title2:hover { background:#c6c6a5 url(../images/arrow2_hover.gif) left no-repeat}
.active { background:#c6c6a5 url(../images/arrow2_hover.gif) left no-repeat}
.title3 { width:220px; float:left; background:#dbdbbe ; padding:10px ; font-size:11px; line-height:25px; color:#333333}

.button { width:66px; height:21px; float:left; margin:5px 5px 0 0 ; text-align:center; font-size:11px; font-weight:bold; color:#333333; background:url(../images/button.gif) no-repeat; line-height:21px}
.button:hover { color:#FFFFFF}
.button2 { width:66px; height:21px; float:right; margin:5px 5px 0 0 ; text-align:center; font-size:11px; font-weight:bold; color:#333333; background:url(../images/button2.gif) no-repeat; line-height:21px}
.button2:hover { color:#FFFFFF}

.forget_pass { color: #CC6633; float:left; margin-right:5px; margin-top:2px }
.forget_pass:hover { text-decoration:underline}

#content { width:695px; float:left}
#content2 { width:695px; float:left; background:#ededde}
#content2 a { color:#333333;}
#content2 a:hover { text-decoration:underline}
#content3 { width:1000px; float:left}
#banner { width:695px; height:215px; float:left}

.box { width:675px; float:left; padding:10px; font-size:12px; color:#333333; text-align:justify; line-height:17px}
.line{ width:695px; height:1px; float:left ; border-bottom:solid 1px #999999}
.title4 { font-size:12px; font-weight:bold; padding:5px; line-height:18px; width:695px; float:left}
.title5 { font-size:13px; font-weight:bold; padding:5px; line-height:18px; width:695px; float:left}
.box2 { width:335px; float:left; padding:5px; text-align:justify; font-size:11px;}
.img { width:128px; height:100px; float:left; margin-right:5px; margin-bottom:5px}
.img2 { width:240px; height:150px; float:left; padding-right:10px; padding-bottom:10px}
.img3  { width:240px; height:150px; float:left; padding:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px; color:#6f6f6f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:5px 10px; background:none; border:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:uppercase;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:100%; border:1px solid #dcdcdc; margin:0; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:100%; border:1px solid #dcdcdc; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;; margin-right:10px}
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}



/* end main */

/* start footer */
#footer { width:1000px; height:71px; float:left; text-align:center; background:url(../images/foot_bgr.gif) repeat-x; padding:20px 0px; color:#FFFFFF; font-size:11px}
#footer a { color:#FFFFFF; padding:0px 5px}
#footer a:hover { text-decoration:underline}